@import './rem.scss';
@import './easy.scss';

* {
  padding                 : 0;
  margin                  : 0;
  -webkit-text-size-adjust: none;
}


html,
body {
  width   : 100%;
  height  : 100%;
  overflow: hidden;
}

#app {
  width   : 100%;
  height  : 100%;
  overflow: auto;
}

// App 组件列表
.app-list {
  height                    : 100%;
  overflow                  : auto;
  -webkit-overflow-scrolling: touch;

  .app-item {
    position : relative;
    display  : block;
    overflow : hidden;
    padding  : rem(20) rem(15);
    font-size: rem(30);

    .app-item-arrows {
      position : absolute;
      top      : 0;
      bottom   : 0;
      right    : rem(15);
      margin   : auto;
      width    : 10px;
      height   : 10px;
      transform: rotate(45deg);
    }
  }
}

// 按钮列表
.btn-list {
  button {
    margin-top   : 4%;
    margin-left  : 4%;
    width        : 44%;
    padding      : 10px;
    border       : 1px solid rgba(156, 154, 154, 0.8);
    min-height   : 30px;
    box-sizing   : border-box;
    border-radius: 2px;
    font-size    : 16px;
  }
}

.scroll-view-list {
  overflow: hidden;

  li {
    position        : relative;
    background-color: #bda7a7;
    margin-bottom   : 10px;

    &:last-child {
      margin-bottom: 0;
    }

    .content {
      position: relative;
      padding : 100px 10px;
    }

    .action {
      position        : absolute;
      top             : 0;
      right           : -100px;
      width           : 100px;
      height          : 100%;
      color           : #ffffff;
      background-color: red;
    }
  }
}